div#replaceMeWithTalents .mySmall 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11pt; line-height: 11pt;}
div#replaceMeWithTalents .mySmallBlack 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #000000; font-size: 11pt; line-height: 11pt;}
div#replaceMeWithTalents .mySmallWhite 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11pt; line-height: 11pt;}
div#replaceMeWithTalents table 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; font-size: 8pt; line-height: 11pt;}
	
		#rankTopStyle { position: absolute;
			top: 33px;
			left: 28px;
			z-index: 100;
       }	   
	   
		#descriptionTopStyle { position: absolute;
			top: 20px;
			left: 50px;
			z-index: 100;
      }	   	   
	   
		#descriptionTopStyleThird { position: absolute;
			top: 20px;
			left: -350px;
			z-index: 100;
       }	   	   

		#descriptionTopStyleBottom { position: absolute;
			top: -60px;
			left: 50px;
			z-index: 100;
       }
	   
		#descriptionTopStyleThirdBottom { position: absolute;
			top: -60px;
			left: -350px;
			z-index: 100;
       }	   
	   
		#takeUpNoSpace { position: absolute;
			z-index: 100;
       }	   	   
	   
		#wrapper { position: relative;
			z-index: 100;
       }	   

		#talentThumbStyle { position: absolute;
			top: 0px;
       }

		#iconOver { position: absolute;
			top: -2px;
			left: -2px;
       }
	   
		#wrapper99 { position: relative;
			z-index: 99;
       }	   

		#wrapper51 { position: relative;
			z-index: 51;
       }	   	   

		#wrapper49 { position: absolute;
			z-index: 49;
       }	   	 
	   
		#wrapper50 { position: relative;
			z-index: 50;
       }	   

		#arrowdown1 { position: absolute;
			top: -20px;
			left: 11px;
			z-index: 100;
       }	   	   

		#arrowdown2 { position: absolute;
			top: -85px;
			left: 11px;
			z-index: 100;
       }	   	   

		#arrowdown3 { position: absolute;
			top: -150px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   

		#arrowdown4 { position: absolute;
			top: -215px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   
	   
		#arrowacrossright { position: absolute;
			top: 15px;
			left: -20px;
			z-index: 100;
       }
	   
	   	#arrowacrossleft { position: absolute;
			top: 12px;
			left: 39px;
			z-index: 100;
       }   

		#arrowdownleft { position: absolute;
			top: -47px;
			left: 10px;
			z-index: 100;
       }
	   

		#arrowdownright { position: absolute;
			top: -47px;
			left: -20px;
			z-index: 100;
       }

		#tabs { position: absolute;
			top: -14px;
			z-index: 30;
       }	   

		#tabsUp { position: absolute;
			top: -14px;
			z-index: 30;
			}
	   
#iconOverParchment{
position: absolute;
z-index: 100;

}

	#alignLeft{text-align:left;float:left;color:ffffff;}
	#alignRight{text-align:right;float:right;color:ffffff;}
    
    
    
    
    
    
    
div#replaceMeWithTalents .tabletopleft { width: 14px; height: 13px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/top-left.gif); }
div#replaceMeWithTalents .tabletop { background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/top.gif)}
div#replaceMeWithTalents .tabletopright { width: 19px; height: 13px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/top-right.gif)}
div#replaceMeWithTalents .tableleft { width: 14px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/left.gif)}
div#replaceMeWithTalents .tablebotleft { width: 14px; height: 40px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/bot-left.gif)}
div#replaceMeWithTalents .tablebot { background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/bot.gif)}
div#replaceMeWithTalents .tableright { background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/right.gif)}
div#replaceMeWithTalents .tablebotright { width: 14px; height: 40px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/bot-right.gif); background-repeat: no-repeat;}
div#replaceMeWithTalents .tablebotrightright { width: 4px; height: 40px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/bot-right-right.gif)}
div#replaceMeWithTalents .tablebotleftleft { width: 4px; height: 40px; background-image:url(https://nfuwow.oss-cn-zhangjiakou.aliyuncs.com/talents/vanilla/images/bot-left-left.gif)}

div#replaceMeWithTalents table { font-size: 12px; }

div#replaceMeWithTalents .treePadding {padding: 0px 10px 0 10px;}
div#replaceMeWithTalents .talenttreename { height:27px; line-height:27px; position: relative; left: -3px; top: 5px;}
div#replaceMeWithTalents .talenttreeicon { width:27px; height:27px; position: relative; left: 4px; }
div#replaceMeWithTalents img.p {behavior: url("/talentcalcs/vanilla/shared/global/talents/includes/pngBehavior.htc");}

#replaceMeWithTalents {margin-top:6px; _margin-top:20px;}

div#replaceMeWithTalents .treeName {color: #ffe400; font-weight: bold; font-size: 12px; }
div#replaceMeWithTalents .treeColon {color: #FFFFFF; font-size: 12px;}
div#replaceMeWithTalents .treePoint {color: #FFFFFF; font-size: 12px;}
div#replaceMeWithTalents .treePoints {color: #FFFFFF; font-size: 12px;}

div#replaceMeWithTalents .rankTooltip		{ color: #ffffff; font-size: 12px;}
div#replaceMeWithTalents .mySmall 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
div#replaceMeWithTalents .mySmall2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffd100; font-size: 11px; line-height: 11pt;}
div#replaceMeWithTalents .mySmallOff 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
div#replaceMeWithTalents .mySmall22 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffd100; font-size: 11px; line-height: 11pt;}
div#replaceMeWithTalents .mySmallOff2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
div#replaceMeWithTalents .mySmallGreen 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #1aff1a; font-size: 11px; position: relative;}
div#replaceMeWithTalents .mySmallGreen2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #1aff1a; font-size: 11px; position: relative;}

	div#replaceMeWithTalents 	.arrowdown1 { position: absolute;
			top: -20px;
			left: 11px;
			z-index: 100;
       }	   	   

		div#replaceMeWithTalents .arrowdown2 { position: absolute;
			top: -85px;
			left: 11px;
			z-index: 100;
       }	   	   

	div#replaceMeWithTalents 	.arrowdown3 { position: absolute;
			top: -150px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   

	div#replaceMeWithTalents 	.arrowdown4 { position: absolute;
			top: -215px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   
	   
	div#replaceMeWithTalents 	.arrowacrossright { position: absolute;
			top: 15px;
			left: -20px;
			z-index: 100;
       }   
	   
	div#replaceMeWithTalents 	.arrowdownleft { position: absolute;
			top: -47px;
			left: 10px;
			z-index: 100;
       }
	   
	div#replaceMeWithTalents 	.arrowacrossleft { position: absolute;
			top: 12px;
			left: 39px;
			z-index: 100;
       }   

	div#replaceMeWithTalents 	.arrowdownright { position: absolute;
			top: -47px;
			left: -20px;
			z-index: 100;
       }
	   
	div#replaceMeWithTalents    		.arrowdown2right { position: absolute;
			top: -110px;
			left: -20px;
			z-index: 100;
       }	   
	   
	div#replaceMeWithTalents 	.arrowdown2left { position: absolute;
			top: -110px;
			left: 10px;
			z-index: 100;
       }	   	   
	   
div#replaceMeWithTalents img.tpng { 
	behavior: url("/talentcalcs/vanilla/shared/global/talents/includes/pngBehavior.htc"); 
}



/* fixes for my wordpress CSS being applied to the talent screen  */

div#replaceMeWithTalents table,div#replaceMeWithTalents td {
	border: none;
	padding: 0;
	margin: 0;
}
div#replaceMeWithTalents tbody {
	background: none;
}

div#hideBoxBot table {
	margin: auto;
	width:350px;
}
div#hideBoxBot a {
	    font-size: 12px;
}
#resetAll {
	float: right;
	padding-top: 2px;
	padding-right: 10px;
}
#replaceMeWithTalents {
	width: 915px;
	margin: 0 auto
}
.entry-content{width: 1160px;margin: 0 auto;background: #151008;}
div#replaceMeWithTalents table td.tdPaddingTen {
	padding: 10px 10px 7px 10px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

td.tablebot img {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

div#replaceMeWithTalents #rankTopStyle table { 
    padding-top: 3px;
    padding-left: 3px;
}

div.reset {
	left:-5px;
	top:9px;
}

table.TalentTooltip {
		background: url(images/tooltip.png);
		border-radius: 6px;
		border:solid 2px #6d6c6d!important;
}
table.TalentTooltip td {
    vertical-align: top;
}

table.TalentTooltip td {
    font-family: Verdana,sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: white;
    padding: 4px 2px 1px 4px;
    vertical-align: top;
}
span.talentNameStyle {
	font-size:14px!important;
}

img.classIcon {
		height:40px;
		width:40px;
		border-radius: 6px;
		border:solid 2px #6d6c6d!important;
}
div.iconHolder {
	display:inline-block;opacity: 0.5;    filter: alpha(opacity=60);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    margin: 0 10px;
}
div.iconHolder:hover{opacity: 1;    filter: alpha(opacity=60);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;}

.iconHolder em{display: block;font-size: 12px;color: #6d6e77}
.talent-job .current{opacity: 1;    filter: alpha(opacity=60);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;}
div.iconHolder:hover em,.talent-job .current em{color: #fff;}
div#ClassListTop {
	margin: auto;
    width: 410px;
}

@media screen and (max-width: 1160px) {
	td.treeBlock {
		display: inline-block;
	}
	div#classInformation {
		width: 306px;
	}
	span#PointsAvailOverall {
		display:none;
	}
	span#requiredLevelOverall {
		display:none;
	}
	div#replaceMeWithTalents {
		width: 306px;
	}
}

/* Bar at the top of the Talen screen  */
#classInformation {
	color: #DDD;
    background-color: #141414;
	font-size: 14px;
	width: 915px;
	border-radius: 5px;
	margin: auto;
	padding-top: 6px;
    padding-bottom: 8px;
}
#classNameOverall {
padding-left:10px;
}
#className, #PointsLeftText {
padding-right:10px;
}
#PointsAvailOverall {
margin-left: 200px;
padding-right: 10px;
}
#requiredLevelOverall, #PointsAvailOverall  {
float: right;
}
#levelRequired {
font-weight: bold;
}
#tabPointsAvailable {
font-weight: bold;
}
#spec, #levelRequired, #tabPointsAvailable {
	color: white;
}
/* end of bar */
/* class colors */
.druid {color: #FF7C0A!important;}
.hunter {color: #AAD372!important;}
.mage {color: #68CCEF!important;}
.paladin {color: #F48CBA!important;}
.priest {color: #FFF!important;}
.rogue {color: #FFF468!important;}
.shaman {color: #2359FF!important;}
.warlock {color: #9382C9!important;}
.warrior {color: #C69B6D!important;}
/* end of class colors */

.tuijianjiadian{width:915px;margin: 0 auto;margin-top: 25px;}
.tuijiantit{    color: #ffd705; font-weight: bold; font-size: 18px; line-height: 25px; padding-left: 15px; border-left: 2px solid #ffd705; margin-bottom: 15px;}
.tuijianjiadian table{width: 915px;
    border: 1px solid #4c4c4c;color: #ddd;
    border-left: 0;
    border-collapse: separate;
    border-radius: 3px;
    border-spacing: 0px;}
.tuijianjiadian td{
    border-top: 1px solid #4c4c4c;
    padding: 4px;
    height: 20px;
    line-height: 20px;
    border-left: 1px solid #4c4c4c;
    font-size: 9pt;
    text-align: center;
    color: #868686;
}
.tuijianjiadian td.tfmtop{width: 300px;color: #ddd}
.tuijianjiadian td.zydjtop{width:100px;color: #ddd}
.tuijianjiadian td.zytftop{width:100px;color: #ddd}
.tuijianjiadian td.nichengtop{width:140px;color: #ddd}
.tuijianjiadian td.dianzantop{width:120px;color: #ddd}
.tuijianjiadian td a{color: #ffd705;}
.xuanzezhiyetit{font-size: 20px;color: #ddd;text-align: center;padding: 20px 0;}
.tianfucenttit{width:950px;margin: 0 auto;padding: 25px 0;border-bottom:2px solid #211f25;text-align: center;}
.tianfucenttit h2{font-size: 22px;color: #ffd705}
.tianfucenttit h2 a{color: #ffd705}
.tianfucenttit p.miaoshuttt{color: #6d6e77;padding-top: 5px;}
.talent-publish-copy{text-align: center;}
.talent-publish-copy button{display: inline-block; width: 100px; height: 32px; line-height: 32px; background: #0069c5; border: 1px solid #3470e9; color: #fff;cursor: pointer;margin: 0 10px;}
.talent-publish-copy button.talent-copy{    background: #bb7200;
    border: 1px solid #b17301;}
.talent-publish-copy button:hover{opacity: 0.8}
#hideBoxBot{padding:20px 0 10px 0}
.moretianfu{padding: 15px 0;text-align: center;}
.moretianfu a{color: #319fff}
.tfjiadiantuijian{color: #6d6e77;font-size: 12px;text-align: center; width: 915px; margin: 0 auto; padding: 25px 0;    border-bottom: 2px solid #211f25;}
.tfjiadiantuijian h2 a{font-size: 22px;color: #ffd705}
.tfjiadiantuijian a{color: #319fff}
.tjjiadianadd{font-size: 12px;font-weight: normal;color:#5a5b61;padding-top: 2px;width: 1160px;margin: 0 auto;}
.tjjiadianadd a{color:#5a5b61;}
.tjjdinner{width:915px;margin: 0 auto;overflow: hidden;padding-top: 20px;padding-bottom: 50px;}
.tjjdinner ul{width: 960px;padding-top: 15px;}
.tjjdinner li{color:#9f9fa7;margin-right: 25px; 1px solid rgba(54, 55, 58, 0.5);float: left;width: 258px;padding: 10px 15px;background: #1d1d21;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0,0,0,.05);margin-bottom: 25px;}
.tjjdinner li a{color: #ffd705;}
.tjjdinner li p.tftitindt{font-size: 15px;}
.tjjdinner li p.miaoshuin{padding-top: 5px;height: 60px;overflow: hidden;}
.tjjdinner li p.fenlei{padding: 5px 0;}
.tjjdinner li p.zuozhe{text-align: right ;}
.tianfucenttit{text-align: center;font-size: 12px;color: #6d6e77}
.tianfucenttit h2 a{font-size: 22px;color: #ffd705}
.tjjdinfobox{ color: #bebebe;   border: 3px solid #39383c; width: 885px; margin: 0 auto; padding: 10px 15px;}
.flneirongbox{float: left;width:700px;}
.flneirongbox .flnryl{padding-bottom: 5px;}
.flneirongbox .flnryltit{font-size: 16px;color: #ffd705;}
.frzanbox{float: right;    float: right;
    text-align: center;
    padding: 50px 50px 0 0;
    color: #ffd705;}
.addmbxbox{font-size: 12px;font-weight: normal;color:#a5a7bb;padding-top: 2px;width: 1160px;margin:0 auto;}
.addmbxbox a{color:#a5a7bb;}
.talent-category{padding-top: 10px;}
.talent-category a{color: #aeaebf;padding: 0 15px;}
.talent-category a.current{color: #35a0ff}
.talent-category span{color: #aeaebf;}
.fanhuitflist{text-align: center;}
.fanhuitflist a{display: inline-block; width: 220px; height: 36px; line-height: 36px; background: #0069c5; border: 1px solid #3470e9; color: #fff; cursor: pointer; }
.fanhuitflist a:hover{opacity: 0.9}
.tjdqindexbox{width: 875px;overflow: hidden;margin: 0 auto;padding: 55px 0;}
.tjdqindexbox ul{width: 960px;}
.tjdqindexbox li{float: left;margin-right: 50px;width: 255px;margin-bottom: 20px;}
.tjdqindexbox li img{border-radius: 6px;}
.tjdqindexbox li a{color:#928aa5}
.tjdqindexbox li p.listptftit a{color:#e5e5ff}
.tjdqindexbox li p{padding-bottom: 5px;}